<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>3stone</title>
<link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'> 
<link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="css/3stone.css" rel="stylesheet" type="text/css">
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
</head> 
<body> 

<!--首頁開始-->
<div data-role="page" id="index">
<div data-role="header">

     
<div data-role="content">
<div data-role="controlgroup">
<a href="#store"><button data-icon="arrow-r">店家列表</button></a>
<button data-icon="arrow-r">優惠好康</button>
<button data-icon="arrow-r">QR闖關遊戲</button>
<button data-icon="arrow-r">我的最愛</button>
<button data-icon="arrow-r">店家地圖</button>
<button data-icon="arrow-r">導覽資訊</button>
<button data-icon="arrow-r">關於</button>
</div>      
</div>
     
<div class="copyright" data-role="footer">Copyright&copy;2012 3stone </div>
</div>
</div>
<!--首頁結束-->

<!--店家列表開始-->
<div data-role="page" id="store">
	<div data-role="header">
    <div data-role="navbar">
 <ul>
 <li><a href="#" data-icon="grid" data-iconpos="top">店家列表</a></li>
 <li><a href="#" data-icon="star" data-iconpos="top">優惠好康</a></li>
 <li><a href="#" data-icon="gear" data-iconpos="top">套裝優惠</a></li>
 <li><a href="#" data-icon="searchfield::after" data-iconpos="top">我的最愛</a></li>
 </ul>
 </div>
	</div>
	<div data-role="collapsible-set">
    
	  <!--美味飲食開始-->
      <div data-role="collapsible" data-collapsed="false">
	    <h3>美味飲食</h3>
        <ul data-role="listview"  data-inset="true">
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
        </ul>
       </div>
        
      
      
      <!--特色服飾-->
	  <div data-role="collapsible" data-collapsed="true">
	    <h3>特色服飾</h3>
        <ul data-role="listview"  data-inset="true">
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
        </ul>
      </div>
      
      <!--飯店旅館-->
	  <div data-role="collapsible" data-collapsed="true">
	    <h3>飯店旅館</h3>
        <ul data-role="listview"  data-inset="true">
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
        </ul>
      </div>
      
      <!--旅行交通-->
	  <div data-role="collapsible" data-collapsed="true">
	    <h3>旅行交通</h3>
        <ul data-role="listview"  data-inset="true">
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
        </ul>
      </div>
      
      <!--美容美髮-->
	  <div data-role="collapsible" data-collapsed="true">
	    <h3>美容美髮</h3>
        <ul data-role="listview"  data-inset="true">
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>
        </li>
        <li>
            <a href="#promotion">
            <img src="images/7-11.jpg" />
            <h3>光復店</h3>
            <p>02-27077777<p>
            <p>台北市南京東路100號</p>
            <span class="ui-li-count">距離100公尺</span>
            </a>
            <a href="#" data-icon="gear"></a>        
        </li>
        </ul>
      </div>
  </div>
    
	<div class="copyright" data-role="footer">Copyright&copy;2012 3stone </div>
</div>
<!--店家列表結束-->

<!--店家限量優惠-->
<div data-role="page" data-add-back-btn="true" data-back-btn-text="上一頁" id="promotion">
    <div data-role="header" class="title" data-position="fixed">
    
    <h1>限量優惠</h1>
  </div>
    <div data-role="content">
      <ul data-role="listview" data-inset="true" data-split-icon="gear">
        <li><a href="basic2.html" rel="external">
        <img src="images/7-11.jpg">
          <h3>火鍋</h3>
          <p>兌換優惠須扣抵點數212P</p>
          <span class="ui-li-count">己兌換1份</span>
          <p class="ui-li-aside">限量100份</p>
        </a><a href="basic2.html" rel="external">Default</a></li>
        <li><a href="basic2.html" rel="external">
         <img src="images/7-11.jpg">
         <h3>龍鱈明蝦</h3>
          <p>兌換優惠須扣抵點數212P</p>
          <span class="ui-li-count">己兌換1份</span>
          <p class="ui-li-aside">限量100份</p>
        </a><a href="basic2.html" rel="external">Default</a></li>
        <li><a href="basic2.html" rel="external">
          <img src="images/7-11.jpg">
        <h3>玫瑰鹽佐酥烤牛小排</h3>
          <p>兌換優惠須扣抵點數212P</p>
          <span class="ui-li-count">己兌換1份</span>
          <p class="ui-li-aside">限量100份</p>
        </a><a href="basic2.html" rel="external">Default</a></li>
      </ul>
     
     </div>
  </div>
  </div>
<!--店家限量優惠結束-->
</body>
</html>